<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>[TITLE]</title>
        <?php include 'js-css.php'; ?>
    </head>

    <body>
        <div class="page">
            <div class="header_container"> 
                <div class="header">
                    <div id="logo"><a href="/"><img src="/images/logo.png" /></a></div>

                    <!--
                    <script  type="text/javascript">
                        $(document).ready(function(){
                            $(".menu li").hover(function(){
                                $(this).find("p").fadeIn("fast");
                            },function(){
                                $(this).find("p").fadeOut("fast");
                            }); 
                        });
                    </script>
                    -->
                    <div class="left">
                        <ul class="menu">
<!--                            <li class="current"><a title="Trang chủ" class="mn_home tooltip" target="_self" href="/thanh-vien?mid=<?php echo $_SESSION['client']['id']; ?>"></a><p>Trang chủ</p></li>-->
                            <li><a title="Trang cá nhân" class="mn_profile tooltip" target="_self" href="/thanh-vien?mid=<?php echo $_SESSION['client']['id']; ?>"></a><p>Trang cá nhân</p></li>
                            <li><a title="Hình ảnh" class="mn_picture tooltip" target="_self" href="/thanh-vien?mid=<?php echo $_SESSION['client']['id']; ?>&action=xemalbum"></a><p>Hình ảnh</p></li>
                            <li><a title="Bạn bè"class="mn_friend tooltip" target="_self" href="/thanh-vien?mid=<?php echo $_SESSION['client']['id']; ?>&action=friend"></a><p>Bạn bè</p></li>

                            <li><a title="Quán nước gốc đa" class="mn_sharelink tooltip" target="_self" href=""></a><p>Quán nước</p></li>
                            <!--
                            <li><a class="mn_forum" target="_blank" href="http://forum.socbay.com"></a><p style="display: none;">Forum</p></li>
                            <li><a class="mn_intro" target="_self" href="http://mobile.socbay.com/intro/91"></a><p style="display: none;">Giới thiệu</p></li>-->
                        </ul>
                        <div class="bgmenu">
                            <div class="bgmenu_l"></div>
                            <div class="bgmenu_bg">

                                <div class="boxsearch">
                                    <div class="boxsearch_l"></div>
                                    <div class="boxsearch_bg">
                                        <div class="bginput">
                                            <input type="text" name="" value="Tìm bạn theo tên hoặc email" style="width:95%;" />
                                        </div>

                                    </div>


                                </div>

                            </div>

                            <div class="bgmenu_r">
                                <input type="image" name="" value="" src="/images/menu_r.gif" />
                            </div>
                        </div>

                    </div>
                    <div class="right">

                        <div class="h_announce">
                            <?php if (isset($_SESSION['client']['id'])) { ?>
                                <ul>

                                    <li><a href="javascript:void(0)" target="_self" class="mn_announce"></a>
                                        <div class="notif-ctn">
                                            <span style="display: none;" id="pmcounter" class="ntcounter">
                                                <span class="ntcounter-mid" id="pmcounter-mid"></span>
                                            </span>
                                        </div>
                                        <div style="display: none" id="annpopup">
                                            <div class="ntpopup-overlap"></div>
                                            <div class="ntpopup-head" id="pmpopup-head">
                                                <div class="ntmin"></div>
                                                <strong>Thông báo</strong></div>
                                            <div align="left" id="pmlist"><div style="padding: 4px 0" class="zme-notify-item-first">Bạn không có tin nhắn nào mới</div></div>
                                        </div>
                                    </li>
                                    <li><a href="javascript:void(0)" target="_self" class="mn_message"></a>
                                        <div class="notif-ctn">
                                            <span style="display: block;" id="pmcounter" class="ntcounter">
                                                <span class="ntcounter-mid" id="pmcounter-mid">1</span>
                                            </span>
                                        </div>
                                        <div style="display: none" id="msgpopup">
                                            <div class="ntpopup-overlap"></div>
                                            <div class="ntpopup-head" id="pmpopup-head">
                                                <div class="ntmin"></div>
                                                <strong>Tin nhắn</strong></div>
                                            <div align="left" id="pmlist"><div style="padding: 4px 0" class="zme-notify-item-first">Bạn không có tin nhắn nào mới</div></div>
                                        </div>
                                    </li>

                                    <li class="sub"><a href="javascript:void(0)" class="mn_account">Tài khoản<span class="arrow-bottom">&nbsp;</span></a>
                                        <div style="display: none" id="accpopup">
                                            <div class="ntpopup-overlap" style="width: 76px"></div>
                                            <ul >
                                                <li style="margin-top: 10px"><a href="/thanh-vien?mid=<?php echo $_SESSION['client']['id']; ?>&action=suathongtincanhan">Cập nhật thông tin</a></li>
                                                <li><a href="#">Cài đặt bảo mật</a></li>
                                                <li><a href="#">Đổi mật khẩu</a></li>
                                                <li><a href="/thanh-vien?action=thoat">Thoát</a></li>
                                            </ul>
                                        </div>
                                    </li>                               
                                </ul>
                            <?php } else { ?>
                                <ul>
                                    <li class="sub"><a href="javascript:void(0)" class="mn_login">Đăng nhập<span class="arrow-bottom">&nbsp;</span></a>
                                        <div style="display: none" id="loginpopup">
                                            <div class="ntpopup-overlap" style="width: 82px"></div>
                                            <form method="post" action="/dang-nhap">
                                                <div class="line_dn">
                                                    <ul>
                                                        <li>
                                                            <div class="dn_l">Email</div>
                                                            <div class="dn_r">
                                                                <input type="text" style="width:200px;" value="" name="email">
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="dn_l">Mật khẩu</div>
                                                            <div class="dn_r">
                                                                <input type="password" style="width:200px;" value="" name="password">
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="dn_l">&nbsp;</div>
                                                            <div class="dn_r">
                                                                <input type="checkbox" style="border:0;" value="1" name="chkSaveLogin">
                                                                    <font>Ghi nhớ tôi</font>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="dn_l">&nbsp;</div>
                                                            <div class="dn_r">
                                                                <input type="submit" class="btnBlogComment" style="border:0; float:left; color:#FFF;" value="Đăng nhập" name="submitLogin"/>
                                                                <font class="link"><a href="#">Quên mật khẩu ?</a></font>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </form>
                                        </div>
                                    </li>
                                    <li ><a href="/dang-ky" class="mn_regist">Đăng ký</a>                                  
                                    </li>
                                </ul>
                            <?php } ?>
                        </div>
                        <!--
                        <div class="header_r_top">
                            <span>
                        <?php if ($_SESSION['client']['id']) { ?><a href="/thanh-vien?mid=<?php echo $_SESSION['client']['id']; ?>"><b>Tài khoản</b></a> | <?php } ?>
                        <?php if (!isset($_SESSION['client']['id'])) { ?><a href="/dang-ky">Đăng ký</a>  or  <a href="/dang-nhap">Đăng nhập</a> <?php } ?>
                        <?php if ($_SESSION['client']['id']) { ?><a href="/thanh-vien?action=thoat">Thoát</a></span><?php } ?>
                        </div>
                        <div class="clear"></div>
                        -->

                    </div>
                </div>
            </div>
            <div class="wrapper-content">
                <script type="text/javascript">
                    $(document).ready(function(){
                        $(".tooltip").tipTip();
                    });
                    
                </script>
